<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <title>Document</title>
    <link
      href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.css"
      rel="stylesheet"
    />
    <script src="../js/vue.js"></script>
    <script src="../js/jquery.min.js"></script>
    <style>
      
    </style>
  </head>
<body>

</body>
    
      



    <script>
         console.log("--------------2.10模板字符串表示普通字符串-----------------");
         //传统方式，使用+进行连接
         var message = "习近平新时代中国特色社会主义思想是当代"+
         "中国马克思主义、二十一世纪马克思主义。";
         //传统方式，使用JavaScript的bug（反斜杠）
         var message2 = "习近平新时代中国特色社会主义思想是当代\
中国马克思主义、二十一世纪马克思主义。";
         //es6方式(反引号+反斜杠)
         var message3 = `习近平新时代中国特色社会主义思想是当代\
中国马克思主义、二十一世纪马克思主义。`;
         console.log(message);
         console.log(message2);
         console.log(message3);







         console.log("---------2.11模板字符串表示多行字符串-------------");
         //传统方式用\n进行分段、
         var message4 = "听党指挥" + "\n" + "能打胜仗" + "\n" + "作风优良";
         //ES6方式
         let message5 =`听党指挥
能打胜仗
作风优良`;

         console.log(message4);
         console.log(message5);
         //需要注意的是如果使用模板字符串表示多行字符串，所有的空格和缩进都会被保留在输出之中·






         console.log("----------2.12模板字符串中插入变量和表达式------------");
         let name = "Mike";
         let age = 20;
         let info = `My Name is ${name} ,I am ${age+1} years old next year.`
         console.log(info);





    </script>


</html>